<template>
  <div>
    <van-area title="市区" :area-list="areaList" @confirm="showArea"/>
  </div>
</template>

<script>
export default {
  data() {
    return {
      areaList
    }
  },
  methods:{
    showArea(area){
      console.log(area);
    }
  }
}

//从下载好的全国省市区数据包中提取数据对象,名称为areaList
import {areaList} from '@vant/area-data'
</script>
